.vipPart {
  margin: 10px auto;
  width: 1200px;
  .vip-header {
    margin: 10px 0 10px 0
  }

  .vip-topNav{
    display: flex;
    .vip-topNav-item1 {
      display: flex;
      width: 1000px;
      margin: 10px 50px 10px 10px;
      border-right: #dee2e6 solid .5px;
      .vip-topNav-one {
        display: flex;

        img {
          width: 50px;
          height: 50px;
          border-radius: 50%;
          cursor: pointer;
        }

        .vip-toNav-one-sideRight {
          font-size: 14px;
          margin-left: 5px;
          display: flex;
          flex-direction: column;
          justify-content: center;
          span{
            cursor: pointer
          }
          div {
            color: red;
            margin-top: 5px;
            font-size: 12px;
          }
        }
      }
    };
    .vip-topNav-item2 {
      display: flex;
      width: 1200px;
      margin: 10px 50px 10px 10px;
      .vip-topNav-one {
        display: flex;

        img {
          width: 50px;
          height: 50px;
          border-radius: 50%
        }

        .vip-toNav-one-sideRight {
          font-size: 14px;
          margin-left: 20px;
          display: flex;
          flex-direction: column;
          justify-content: center;
          div {
            text-align: center;
            margin-top: 5px;
            font-size: 16px;
          }
        }
      }
    };
    .vip-topNav-item3 {
      display: flex;
      width: 1200px;
      margin: 10px 50px 10px 10px;
      .vip-topNav-one {
        display: flex;

        img {
          width: 50px;
          height: 50px;
          border-radius: 50%
        }

        .vip-toNav-one-sideRight {
          font-size: 14px;
          margin-left: 20px;
          display: flex;
          flex-direction: column;
          justify-content: center;
          div {
            margin-top: 5px;
            font-size: 14px;
            text-align: center;
          }
        }
      }
    }
  }
  .center-nav{
    .center-nav-item{
      display: flex;
      margin-top: 10px;
      span{
        font-size: 14px;
        text-align: center;
        line-height: 30px;
      }
     div{
       button{
         border: 0;
         margin: 0;
       }
     }
    }

  }
  .content-item{
    height: 1200px;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    .content-item-com{
      width: 210px;
      height: 300px;
      margin: 10px 0 10px 10px;
    }
  }
}
